<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<title>房屋租售</title>
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta charset='utf-8' />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="jsCss/pintuer.css">
	<script type="text/javascript" src="jsCss/jquery.js"></script>
	<script type="text/javascript" src="jsCss/pintuer.js"></script>
	<script type="text/javascript" src="jsCss/respond.js"></script>
	<style>

	</style>
</head>
<body class="bg-yellow-light">
	<!--顶部导航-->
<div class="layout">
	<div class="line bg-blue">
			<div class="button-group button-group-justified"> 
				<a onclick="history.go(-1)" class="button button-small bg-blue radius-none"><span class="icon-long-arrow-left"></span>　</a> 
				<a href="#" class="button button-small bg-blue radius-none"></a> 
				<a href="#" class="button button-small bg-blue radius-none">发布</a> 
				<a href="#" class="button button-small bg-blue radius-none">信息</a> 
				<a href="#" class="button button-small bg-blue radius-none"></a> 
				<a href="#" class="button button-small bg-blue radius-none"></a> 
			</div>
	</div>

	
	<!-----------------------表单信息--------------------------------------->
<div class="padding">
	<h2 class="text-center"><strong>房源信息发布</strong></h2>
	<hr />
	
	<form method="post" class="form-x">
		<div class="form-group text-big text-center">
			<div class="field">
				<label>
					<input onclick="s_type('cs')" name="pintuer" checked type="radio">出售
				</label>
				<label>
					<input onclick="s_type('cz')" name="pintuer" type="radio">出租
				</label>
				<label>
					<input onclick="s_type('qg')" name="pintuer" type="radio">求购
				</label>
				<label>
					<input onclick="s_type('qz')" name="pintuer" type="radio">求租
				</label>
			</div>
		</div>
	
	
		<div class="form-group">
			<div class="label">
				<label>标题 <span class='text-main'>(必选)</span>：</label>
			</div>
			<div class="field">
				<div class='x11'>
					<input type="text" class="input " name="title" placeholder="输入标题..." />
				</div>
			</div>
		</div>
		
		
		<div class="form-group">
			<div class="label">
				<label>面积 <span class='text-main'>(必选)</span>：</label>
			</div>
			<div class="field">
				<div class='line'>
					<div class='x11'>
						<input type="text" class="input" name="title" placeholder="限数字，单位 '㎡'" />
					</div>
					<div class='x1 padding-small'>㎡</div>
				</div>
			</div>
		</div>
		
		
		<div class="form-group" id='price1'>
			<div class="label">
				<label>价格 <span class='text-main'>(必选)</span>：</label>
			</div>
			<div class="field">
				<div class='line'>
					<div class='x11'>
						<input type="text" class="input" name="title" placeholder="限数字，单位 '㎡'" />
					</div>
					<div class='x1 padding-small'>元</div>
				</div>
			</div>
		</div>
		
		
		<div class="form-group" id='price2'>
			<div class="label">
				<label>价格 <span class='text-main'>(必选)</span>：</label>
			</div>
			<div class="field">
				<div class='line'>
					<div class='x5'>
						<input type="text" class="input" name="title" placeholder="限数字.单位‘元’" />
					</div>
					<div class='x1 padding-small'>
						至
					</div>
					<div class='x5'>
						<input type="text" class="input x5" name="title" placeholder="限数字.单位‘元’" />
					</div>
					<div class='x1 padding-small'>
						元
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="form-group">
			<div class="label">
				<label>户型：</label>
			</div>
			<div class="field">
				<select class="input" >
					<option>一室一厅</option>
					<option>两室一厅</option>
					<option>三室一厅</option>
					<option>其它户型</option>
				</select>
			</div>
		</div>
		
		
		<div class="form-group">
			<div class="label">
				<label>联系人 <span class='text-main'>(必选)</span>：</label>
			</div>
			<div class="field">
				<input type="text" class="input" name="title" placeholder="输入联系人，如：王先生..." />
			</div>
		</div>
		<div class="form-group">
			<div class="label">
				<label>联系电话 <span class='text-main'>(必选)</span>：</label>
			</div>
			<div class="field">
				<input type="text" class="input" name="title" placeholder="限数字..." />
			</div>
		</div>
		<div class="form-group">
			<div class="label">
				<label>说明与描述 <span class='text-main'>(可选)</span>：</label>
			</div>
			<div class="field">
				<textarea rows="5" class="input" name="title" placeholder="输入更多详细信息..." ></textarea>
			</div>
		</div>
		
		
		<div class="form-group">
			<div class='x12'>
				<div class='label'>
					<label>上传展示图片 <span class='text-main'>(可选)</span>:</label>
				</div>
			</div>
			<div id="file1">
					<input type="file" name="img1" />   
			</div>
			<div id="file2">
				<input type="file" name="img2" />   
			</div>
			<div id="file3">
				<input type="file" name="img3" />   
			</div>
		</div>
		<div class='form-group margin-large text-center'>
			<input type='submit' class='button bg-main' value='提交' />
			<input type='reset' class='button bg-sub' value='重置' />
		</div>
	</form>
	<script>
		var p1 = document.getElementById('price1');
		var p2 = document.getElementById('price2');
		p2.style.display='none';
		function s_type(type){
			switch(type){
				case 'cs':
					p1.style.display='block';
					p2.style.display='none';
				break;
				case 'cz':
					p1.style.display='block';
					p2.style.display='none';
				break;
				case 'qg':
					p1.style.display='none';
					p2.style.display='block';
				break;
				case 'qz':
					p1.style.display='none';
					p2.style.display='block';
				break;
			}
			
		}
	</script>

</div>
</div>
</body>
</html>




	
	
	
	
	
	